<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>JavaScript零基础到精通 | 事件流 | 面向对象 | 闭包 | 实战案例</title>
    <!--    引入网站图标   -->
    <link rel="icon" href="../images/favicon.ico" />
    <!--    重置默认样式   -->
    <link rel="stylesheet" href="../css/reset.css" />
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css" />
    <!-- 顶部栏和底部栏 -->

    <link rel="stylesheet" href="../css/base.css" />
    <!-- 页面样式 -->
    <link rel="stylesheet" href="../css/freevideo/freevideo.css" />
    <script src="../js/iconfont.js"></script>
  </head>
  <body>
    <!-- 回到顶部 -->
    <div id="js-jump-container" class="js-jump-container">
      <a
        href="javascript:void(0)"
        class="mod-side-operation__jump-to-top"
        id="js-jump-to-top"
      >
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-huidaodingbu"></use>
        </svg>
      </a>
    </div>
    <header class="tx_header_area">
      <div class="container">
        <!-- logo 区域 -->
        <div class="logo_area">
          <h1>
            <a href="index.html" title="腾讯课堂">腾讯课堂</a>
          </h1>
        </div>
        <!-- 分类区域 -->
        <div class="fenClass_area">
          <div class="class_title">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-category"></use>
            </svg>
            <span>分类</span>
          </div>
          <!-- 分类详情  left_sele是带·的标题类名 -->
          <nav class="class_desc">
            <ul class="desc_tap">
              <li>
                <div class="left_sele">
                  <h3>IT·互联网</h3>
                  <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-arrow-right-copy"></use>
                  </svg>
                </div>
                <div class="left_con">
                  <span>前端开发</span>
                  <span>JAVA</span>
                  <span>产品策划</span>
                </div>
              </li>
              <li>
                <div class="left_sele">
                  <h3>设计·创作</h3>
                  <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-arrow-right-copy"></use>
                  </svg>
                </div>
                <div class="left_con">
                  <span>平面设计</span>
                  <span>室内设计</span>
                  <span>绘画创作</span>
                </div>
              </li>
              <li>
                <div class="left_sele">
                  <h3>电商·营销</h3>
                  <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-arrow-right-copy"></use>
                  </svg>
                </div>
                <div class="left_con">
                  <span>电商平台</span>
                  <span>跨境电商</span>
                  <span>社交电商</span>
                </div>
              </li>
              <li>
                <div class="left_sele">
                  <h3>职业·考证</h3>
                  <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-arrow-right-copy"></use>
                  </svg>
                </div>
                <div class="left_con">
                  <span>公务员</span>
                  <span>教师考试</span>
                  <span>建筑工程</span>
                </div>
              </li>
              <li>
                <div class="left_sele">
                  <h3>升学·考研</h3>
                  <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-arrow-right-copy"></use>
                  </svg>
                </div>
                <div class="left_con">
                  <span>考研</span>
                  <span>大学</span>
                  <span>高中</span>
                  <span>初中</span>
                </div>
              </li>
              <li>
                <div class="left_sele">
                  <h3>兴趣·生活</h3>
                  <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-arrow-right-copy"></use>
                  </svg>
                </div>
                <div class="left_con">
                  <span>摄影</span>
                  <span>乐器演奏</span>
                  <span>美妆</span>
                  <span>育儿</span>
                </div>
              </li>
              <li>
                <div class="left_sele">
                  <h3>语言·留学</h3>
                  <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-arrow-right-copy"></use>
                  </svg>
                </div>
                <div class="left_con">
                  <span>实用英语</span>
                  <span>雅思</span>
                  <span>托福</span>
                </div>
              </li>
            </ul>

            <div class="right_area">
              <div class="right_panel">
                <ul>
                  <li>
                    <h3>互联网产品</h3>
                    <div>
                      <span> 电子竞技 </span>
                      <span> 产品策划 </span>
                      <span> 产品运营 </span>
                      <span> 新媒体营销 </span>
                      <span> SEO </span>
                      <span> SEM </span>
                      <span> 游戏策划</span>
                      <span> 游戏运营</span>
                      <span> 网络营销理论</span>
                    </div>
                  </li>
                  <li>
                    <h3>编程语言</h3>
                    <div>
                      <span>Python </span>
                      <span>Python小课</span>
                      <span> 数据分析 </span>
                      <span> C#/.Net </span>
                      <span> C/C++ </span>
                      <span> PHP</span>
                      <span> Go语言 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>Java开发</h3>
                    <div>
                      <span> Java进阶 </span>
                      <span> Java零基础 </span>
                    </div>
                  </li>
                  <li>
                    <h3>前端开发</h3>
                    <div>
                      <span>0基础就业课</span>
                      <span>实战进阶课</span>
                      <span> 技术专题课</span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>移动开发</h3>
                    <div>
                      <span> Android开发 </span>
                      <span>OS开发</span>
                      <span>微信开发</span>
                      <span> 跨平台APP开发</span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>网络与运维</h3>
                    <div>
                      <span> Linux运维</span>
                      <span> Python自动化运维</span>
                      <span> DevOps 信息安全</span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>游戏开发</h3>
                    <div>
                      <span> Unity3d游戏开发</span>
                      <span> Cocos2d-x游戏开发</span>
                      <span> 游戏服务器开发</span>
                      <span> Html5游戏</span>
                      <span> UE4</span>
                      <span> VR/AR </span>
                      <span> OpenGL</span>
                      <span> 开发 </span>
                      <span> egret </span>
                      <span> 游戏开发 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>软件测试</h3>
                    <div>
                      <span>零基础入门 </span>
                      <span>自动化测试 </span>
                      <span>测试开发 </span>
                      <span>性能测试 </span>
                      <span>其他 </span>
                      <span>ISTQB考证</span>
                    </div>
                  </li>
                  <li>
                    <h3>云计算大数据</h3>
                    <div>
                      <span> 云计算 </span>
                      <span> 大数据 </span>
                      <span> 人工智能 </span>
                      <span> 物联网 </span>
                      <span> 区块链 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>硬件研发</h3>
                    <div>
                      <span>嵌入式开发 </span>
                      <span>IC设计 </span>
                      <span>其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>认证考试</h3>
                    <div>
                      <span> 思科认证 </span>
                      <span> 华为认证 </span>
                      <span> 红帽认证 </span>
                      <span> 软考 </span>
                      <span> 腾讯云认证 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                </ul>
              </div>
              <div class="right_panel">
                <ul>
                  <li>
                    <h3>平面设计</h3>
                    <div>
                      <span> 电商美工 </span>
                      <span> 综合平面设计 </span>
                      <span> 摄影后期</span>
                    </div>
                  </li>
                  <li>
                    <h3>设计软件</h3>
                    <div>
                      <span> Photoshop </span><span> Indesign</span>
                      <span> Axure </span> <span> CDR </span>
                      <span> Illustrator</span> <span> Dreamweaver </span>
                      <span> CAD</span> <span> UG </span>
                      <span> Solidworks </span> <span> Sketchup</span>
                      <span> Rhino3D </span> <span> Pro/E </span>
                      <span> ZBrush </span> <span> Cinema </span>
                    </div>
                  </li>
                  <li>
                    <h3>环境艺术设计</h3>
                    <div>
                      <span> 室内设计</span>
                      <span> 建筑设计 </span>
                      <span> 景观设计 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>绘画创作</h3>
                    <div>
                      <span> 插画 </span>
                      <span> 漫画绘本 </span>
                      <span> 国画油画 </span>
                      <span> 水彩水粉画</span>
                      <span> 素描 </span>
                      <span> 彩铅手绘 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>工业产品设计</h3>
                    <div>
                      <span> 模具设计 </span>
                      <span> 机械设计 </span>
                      <span> 产品设计</span>
                      <span> 智能制造 </span>
                      <span> 包装设计 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>UI设计</h3>
                    <div>
                      <span> 交互设计 </span>
                      <span> 游戏UI设计</span>
                      <span> Web</span>
                      <span> UI设计</span>
                      <span> APP</span>
                      <span> UI设计</span>
                      <span> 腾讯设计学院</span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>游戏美术设计</h3>
                    <div>
                      <span> 游戏角色设计</span>
                      <span> 场景概念设计</span>
                      <span> 游戏模型设计 </span>
                      <span> 游戏特效设计</span>
                      <span> 游戏美宣</span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>影视设计</h3>
                    <div>
                      <span> 动画设计</span>
                      <span> 包装与剪辑 </span>
                      <span> 特效与后期 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>服装设计</h3>
                    <div>
                      <span> 服装设计</span>
                      <span> 服装打版 </span>
                      <span> 配饰设计</span>
                      <span> 其他 </span>
                    </div>
                  </li>
                  <li>
                    <h3>其他</h3>
                    <div>
                      <span>其他</span>
                    </div>
                  </li>
                </ul>
              </div>
              <div class="right_panel">
                <ul>
                  <li>
                    <h3>电商平台</h3>
                    <div>
                      <span> 淘宝营销 </span>
                      <span> 拼多多营销 </span>
                      <span> 京东营销 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>跨境电商</h3>
                    <div>
                      <span> 亚马逊 </span>
                      <span> Shopee(虾皮)</span>
                      <span> 速卖通</span>
                      <span> 阿里国际站</span>
                      <span> 独立站</span>
                      <span> 其他平台</span>
                    </div>
                  </li>
                  <li>
                    <h3>社交电商</h3>
                    <div>
                      <span>直播短视频电商 </span>
                      <span>微信电商</span>
                      <span> 社群营销</span>
                      <span> 自媒体营销</span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>其他</h3>
                    <div>
                      <span>其他</span>
                    </div>
                  </li>
                </ul>
              </div>
              <div class="right_panel">
                <ul>
                  <li>
                    <h3>互联网产品</h3>
                    <div>
                      <span> 电子竞技 </span>
                      <span> 产品策划 </span>
                      <span> 产品运营 </span>
                      <span> 新媒体营销 </span>
                      <span> SEO </span>
                      <span> SEM </span>
                      <span> 游戏策划</span>
                      <span> 游戏运营</span>
                      <span> 网络营销理论</span>
                    </div>
                  </li>
                  <li>
                    <h3>编程语言</h3>
                    <div>
                      <span>Python </span>
                      <span>Python小课</span>
                      <span> 数据分析 </span>
                      <span> C#/.Net </span>
                      <span> C/C++ </span>
                      <span> PHP</span>
                      <span> Go语言 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>Java开发</h3>
                    <div>
                      <span> Java进阶 </span>
                      <span> Java零基础 </span>
                    </div>
                  </li>
                  <li>
                    <h3>前端开发</h3>
                    <div>
                      <span>0基础就业课</span>
                      <span>实战进阶课</span>
                      <span> 技术专题课</span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>移动开发</h3>
                    <div>
                      <span> Android开发 </span>
                      <span>OS开发</span>
                      <span>微信开发</span>
                      <span> 跨平台APP开发</span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>网络与运维</h3>
                    <div>
                      <span> Linux运维</span>
                      <span> Python自动化运维</span>
                      <span> DevOps 信息安全</span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>游戏开发</h3>
                    <div>
                      <span> Unity3d游戏开发</span>
                      <span> Cocos2d-x游戏开发</span>
                      <span> 游戏服务器开发</span>
                      <span> Html5游戏</span>
                      <span> UE4</span>
                      <span> VR/AR </span>
                      <span> OpenGL</span>
                      <span> 开发 </span>
                      <span> egret </span>
                      <span> 游戏开发 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>软件测试</h3>
                    <div>
                      <span>零基础入门 </span>
                      <span>自动化测试 </span>
                      <span>测试开发 </span>
                      <span>性能测试 </span>
                      <span>其他 </span>
                      <span>ISTQB考证</span>
                    </div>
                  </li>
                  <li>
                    <h3>云计算大数据</h3>
                    <div>
                      <span> 云计算 </span>
                      <span> 大数据 </span>
                      <span> 人工智能 </span>
                      <span> 物联网 </span>
                      <span> 区块链 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>硬件研发</h3>
                    <div>
                      <span>嵌入式开发 </span>
                      <span>IC设计 </span>
                      <span>其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>认证考试</h3>
                    <div>
                      <span> 思科认证 </span>
                      <span> 华为认证 </span>
                      <span> 红帽认证 </span>
                      <span> 软考 </span>
                      <span> 腾讯云认证 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                </ul>
              </div>
              <div class="right_panel">
                <ul>
                  <li>
                    <h3>平面设计</h3>
                    <div>
                      <span> 电商美工 </span>
                      <span> 综合平面设计 </span>
                      <span> 摄影后期</span>
                    </div>
                  </li>
                  <li>
                    <h3>设计软件</h3>
                    <div>
                      <span> Photoshop </span><span> Indesign</span>
                      <span> Axure </span> <span> CDR </span>
                      <span> Illustrator</span> <span> Dreamweaver </span>
                      <span> CAD</span> <span> UG </span>
                      <span> Solidworks </span> <span> Sketchup</span>
                      <span> Rhino3D </span> <span> Pro/E </span>
                      <span> ZBrush </span> <span> Cinema </span>
                    </div>
                  </li>
                  <li>
                    <h3>环境艺术设计</h3>
                    <div>
                      <span> 室内设计</span>
                      <span> 建筑设计 </span>
                      <span> 景观设计 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>绘画创作</h3>
                    <div>
                      <span> 插画 </span>
                      <span> 漫画绘本 </span>
                      <span> 国画油画 </span>
                      <span> 水彩水粉画</span>
                      <span> 素描 </span>
                      <span> 彩铅手绘 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>工业产品设计</h3>
                    <div>
                      <span> 模具设计 </span>
                      <span> 机械设计 </span>
                      <span> 产品设计</span>
                      <span> 智能制造 </span>
                      <span> 包装设计 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>UI设计</h3>
                    <div>
                      <span> 交互设计 </span>
                      <span> 游戏UI设计</span>
                      <span> Web</span>
                      <span> UI设计</span>
                      <span> APP</span>
                      <span> UI设计</span>
                      <span> 腾讯设计学院</span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>游戏美术设计</h3>
                    <div>
                      <span> 游戏角色设计</span>
                      <span> 场景概念设计</span>
                      <span> 游戏模型设计 </span>
                      <span> 游戏特效设计</span>
                      <span> 游戏美宣</span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>影视设计</h3>
                    <div>
                      <span> 动画设计</span>
                      <span> 包装与剪辑 </span>
                      <span> 特效与后期 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>服装设计</h3>
                    <div>
                      <span> 服装设计</span>
                      <span> 服装打版 </span>
                      <span> 配饰设计</span>
                      <span> 其他 </span>
                    </div>
                  </li>
                  <li>
                    <h3>其他</h3>
                    <div>
                      <span>其他</span>
                    </div>
                  </li>
                </ul>
              </div>
              <div class="right_panel">
                <ul>
                  <li>
                    <h3>电商平台</h3>
                    <div>
                      <span> 淘宝营销 </span>
                      <span> 拼多多营销 </span>
                      <span> 京东营销 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>跨境电商</h3>
                    <div>
                      <span> 亚马逊 </span>
                      <span> Shopee(虾皮)</span>
                      <span> 速卖通</span>
                      <span> 阿里国际站</span>
                      <span> 独立站</span>
                      <span> 其他平台</span>
                    </div>
                  </li>
                  <li>
                    <h3>社交电商</h3>
                    <div>
                      <span>直播短视频电商 </span>
                      <span>微信电商</span>
                      <span> 社群营销</span>
                      <span> 自媒体营销</span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>其他</h3>
                    <div>
                      <span>其他</span>
                    </div>
                  </li>
                </ul>
              </div>
              <div class="right_panel">
                <ul>
                  <li>
                    <h3>平面设计</h3>
                    <div>
                      <span> 电商美工 </span>
                      <span> 综合平面设计 </span>
                      <span> 摄影后期</span>
                    </div>
                  </li>

                  <li>
                    <h3>环境艺术设计</h3>
                    <div>
                      <span> 室内设计</span>
                      <span> 建筑设计 </span>
                      <span> 景观设计 </span>
                      <span> 其他</span>
                    </div>
                  </li>

                  <li>
                    <h3>工业产品设计</h3>
                    <div>
                      <span> 模具设计 </span>
                      <span> 机械设计 </span>
                      <span> 产品设计</span>
                      <span> 智能制造 </span>
                      <span> 包装设计 </span>
                      <span> 其他</span>
                    </div>
                  </li>
                  <li>
                    <h3>UI设计</h3>
                    <div>
                      <span> 交互设计 </span>
                      <span> 游戏UI设计</span>
                      <span> Web</span>
                      <span> UI设计</span>
                      <span> APP</span>
                      <span> UI设计</span>
                      <span> 腾讯设计学院</span>
                      <span> 其他</span>
                    </div>
                  </li>

                  <li>
                    <h3>其他</h3>
                    <div>
                      <span>其他</span>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </nav>
        </div>

        <!-- 搜索区域 -->

        <div class="seachar_area">
          <div class="seachar_selc">
            <span>
              课程
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-arrow"></use>
              </svg>
            </span>
          </div>
          <div class="seachar_input">
            <input type="text" class="" placeholder="搜索课程" />
            <div class="btn_search" style="cursor: pointer">
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-iconfontsousuo"></use>
              </svg>
            </div>
          </div>

          <!-- 历史搜索 -->
          <div class="history_search">
            <div class="his_search">
              <div class="his_title">
                <span>历史搜索</span>
                <span class="empty">
                  <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-lajitong"></use>
                  </svg>
                  清空
                </span>
              </div>
              <div class="his_con"></div>
            </div>
            <div class="hot_search">
              <div class="hot_title">
                <span>热门搜索</span>
              </div>
              <div class="hot_con">
                <a href="javascript:;" title="Vue">Vue</a>
                <a href="javascript:;" title="Java">Java</a>
                <a href="javascript:;" title="python">python</a>
                <a href="javascript:;" title="拼多多">拼多多</a>
              </div>
            </div>
          </div>
        </div>

        <!-- 右边栏信息+个人信息 -->
        <div class="rightKH_area">
          <div class="right_common">
            <p class="">入驻/合作</p>
            <ul class="right_select">
              <li><a title="个人入驻" target="_blank">个人入驻</a></li>
              <li><a title="机构入驻" target="_blank">机构入驻</a></li>
              <li>
                <a title="分销课程 " target="_blank">分销课程</a>
              </li>
              <li>
                <a title="企业合作" target="_blank">企业合作</a>
              </li>
            </ul>
          </div>
          <div class="right_common quick_download">极速版</div>
          <div class="right_common" style="margin-left: 40px">
            <p class="">客户端</p>
            <ul class="right_select">
              <li><a title="Win客户端" target="_blank">Win客户端</a></li>
              <li><a title="Mac客户端" target="_blank">Mac客户端</a></li>
              <li>
                <a title="App客户端 " target="_blank">App客户端</a>
              </li>
            </ul>
          </div>
          <div class="right_common">私信</div>
          <div class="right_common loginStatus">
            <a class="" href="./login.html"> 登录</a>
            <div>
              <div class="login_sucess">
                <div>
                  <img src="../images/index/qqimg.jpg" alt="" />
                  <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-QQ"></use>
                  </svg>
                </div>
                <span>LG</span>
              </div>
              <ul class="right_select">
                <li><a title="课程表" target="_blank">课程表</a></li>
                <li><a title="全部订单" target="_blank">全部订单</a></li>
                <li>
                  <a title="退出登录 "  class="loginOut"
                    >退出登录</a
                  >
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </header>

    <!-- 主题 -->
    <main>
      <div class="crumbs container">
        <div>
          <span class="crumbs_title">全部课程 </span>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-arrow-right-copy"></use>
          </svg>
          <span class="crumbs_title">IT·互联网</span>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-arrow-right-copy"></use>
          </svg>
          <span class="crumbs_title">前端开发</span>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-arrow-right-copy"></use>
          </svg>
          <span class="crumbs_title">技术专题课</span>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-arrow-right-copy"></use>
          </svg>
          <span class="crumbs_title"
            >JavaScript零基础到精通 | 事件流 | 面向对象 | 闭包 | 实战案例</span
          >
        </div>
      </div>
      <!-- 视频部分 -->
      <div class="content container">
        <div class="video">
          <div class="video_top">
            <div class="video_top_left">
              <img src="../images/freevideo/video.png" />
              <div class="video_top_bofang">
                <a href="../html/videoPlay.html">
                  <svg class="icon" aria-hidden="true" style="width: 100% h">
                    <use xlink:href="#icon-bofang-copy"></use>
                  </svg>
                </a>
              </div>
            </div>
            <div class="video_top_right test-1">
              <!-- 课程章节 -->
              <div class="particulars">
                <div class="particularsbox">
                  <div class="particularsbox1">
                    <div class="particulars_left">录播</div>
                    <div class="particulars_right">
                      <div>课前导读</div>
                      <div>9分钟</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="particulars">
                <div class="particularsbox">
                  <div class="particulars_text">课前须知编辑器使用方法</div>
                  <div class="particularsbox1">
                    <div class="particulars_left">录播</div>
                    <div class="particulars_right">
                      <div>课前须知及「编辑器」使用方法</div>
                      <div>8分钟</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="particulars">
                <div class="particularsbox">
                  <div class="particulars_text">
                    javascript浏览器发展史,js介绍,入门
                  </div>
                  <div class="particularsbox1">
                    <div class="particulars_left">录播</div>
                    <div class="particulars_right">
                      <div>课前导读</div>
                      <div>8分钟</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="particulars">
                <div class="particularsbox">
                  <div class="particulars_text">
                    比较运算符，逻辑运算符，条件语句，循环语...
                  </div>
                  <div class="particularsbox1">
                    <div class="particulars_left">录播</div>
                    <div class="particulars_right">
                      <div>课前导读</div>
                      <div>8分钟</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="particulars">
                <div class="particularsbox">
                  <div class="particulars_text">函数，小练习，初识作用域</div>
                  <div class="particularsbox1">
                    <div class="particulars_left">录播</div>
                    <div class="particulars_right">
                      <div>函数，小练习，初识作用域（上）</div>
                      <div>34分钟</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="particulars">
                <div class="particularsbox">
                  <div class="particulars_text">神秘的课程</div>
                  <div class="particularsbox1">
                    <div class="particulars_left">录播</div>
                    <div class="particulars_right">
                      <div>神秘的课程</div>
                      <div>16分钟</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="particulars">
                <div class="particularsbox">
                  <div class="particulars_text">函数，小练习，初识作用域</div>
                  <div class="particularsbox1">
                    <div class="particulars_left">录播</div>
                    <div class="particulars_right">
                      <div>函数，小练习，初识作用域（上）</div>
                      <div>34分钟</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="particulars">
                <div class="particularsbox">
                  <div class="particulars_text">神秘的课程</div>
                  <div class="particularsbox1">
                    <div class="particulars_left">录播</div>
                    <div class="particulars_right">
                      <div>神秘的课程</div>
                      <div>16分钟</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="particulars">
                <div class="particularsbox">
                  <div class="particulars_text">函数，小练习，初识作用域</div>
                  <div class="particularsbox1">
                    <div class="particulars_left">录播</div>
                    <div class="particulars_right">
                      <div>函数，小练习，初识作用域（上）</div>
                      <div>34分钟</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="particulars">
                <div class="particularsbox">
                  <div class="particulars_text">神秘的课程</div>
                  <div class="particularsbox1">
                    <div class="particulars_left">录播</div>
                    <div class="particulars_right">
                      <div>神秘的课程</div>
                      <div>16分钟</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="video_bottom">
            <div class="video_bottombox">
              <div class="video_bottom-left">
                <div class="top">伊老师汽修培训免费公开课<span>免费</span></div>
                <div class="bottom">
                  <div>最近在学 4676人</div>
                  <div>累计报名 2万人</div>
                  <div>好评度 97%</div>
                  <div>|</div>
                  <div>咨询老师</div>
                  <div>
                    <svg class="icon" aria-hidden="true" style="width: 100% h">
                      <use xlink:href="#icon-fenxiang"></use>
                    </svg>
                    分享
                  </div>
                  <div>
                    <svg class="icon" aria-hidden="true" style="width: 100% h">
                      <use xlink:href="#icon-shouji"></use>
                    </svg>
                    用手机看
                  </div>
                </div>
              </div>
              <div class="video_bottom-right">
                <div>+免费报名</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>

    <!-- 中间 -->
    <nav>
      <div class="box container">
        <!-- tab栏 -->
        <div class="left">
          <div class="tab">
            <div class="tab_list">
              <ul>
                <li class="current">课程概述</li>
                <li>目录</li>
                <li>评论(0)</li>
              </ul>
            </div>
            <div class="tab_con">
              <div class="item" style="display: block">
                <div class="wx">
                  <div class="text">加微信一对一答疑辅导</div>
                  <div class="text1">
                    联系老师
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-arrow-right-copy"></use>
                    </svg>
                  </div>
                </div>
                <div class="teacher">
                  <div style="line-height: 48px">老师介绍</div>
                  <div class="teacherbox">
                    <div class="teacher_head">
                      <img src="../images/freevideo/toux (2).png" />
                    </div>
                    <div class="teacher_introduce">
                      <div class="teacher_introduce_name">姬成</div>
                      <div class="teacher_introduce_title">
                        现任渡一信息开发有限公司 CEO，原阿里巴巴 UC
                        移动事业群购物搜索项目负责人，微软 GMCT
                        金牌讲师，并兼任多所高校企联合生涯规划师，曾累计在各大学开展70余场生涯规划讲座。
                      </div>
                    </div>
                  </div>
                  <div class="teacher_synopsis">
                    <div class="teacher_synopsis_title">简介</div>
                    <div class="teacher_synopsis_content">
                      本套视频课程系统的介绍了javascript的发展，基础语法、对象、事件、BOM和DOM、表单验证等内容，并通过一个综合的开发案例将这些知识内容贯穿了起来，以便于学习者快速的巩固javascript的知识内容。学完本课程，你可以独立的进行javascript脚本程序的开发，为深入前端的设计和开发打下良好的基础。
                    </div>
                  </div>
                  <div style="margin-top: 20px">
                    <img
                      style="width: 90%"
                      src="../images/freevideo/changtu.jpg"
                    />
                  </div>
                </div>
              </div>
              <!-- tab第二项 -->
              <div class="item">
                <div class="wx">
                  <div class="text">加微信一对一答疑辅导</div>
                  <div class="text1">
                    联系老师
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-arrow-right-copy"></use>
                    </svg>
                  </div>
                </div>

                <div class="course">
                  <ul>
                    <li>
                      <div class="course_title">01 JavaScript简介</div>

                      <div class="course_data">
                        <svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-bofang"></use>
                        </svg>
                        【录播】使用javascript<span>(14分钟)</span>
                      </div>
                      <div class="course_data">
                        <svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-bofang"></use>
                        </svg>
                        【录播】录播javascript<span>(14分钟)</span>
                      </div>
                      <div class="course_data">
                        <svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-bofang"></use>
                        </svg>
                        【录播】认识javascript<span>(14分钟)</span>
                      </div>
                    </li>
                    <li>
                      <div class="course_title">01 JavaScript简介</div>

                      <div class="course_data">
                        <svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-bofang"></use>
                        </svg>
                        【录播】使用javascript<span>(14分钟)</span>
                      </div>
                      <div class="course_data">
                        <svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-bofang"></use>
                        </svg>
                        【录播】录播javascript<span>(14分钟)</span>
                      </div>
                      <div class="course_data">
                        <svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-bofang"></use>
                        </svg>
                        【录播】认识javascript<span>(14分钟)</span>
                      </div>
                    </li>
                    <li>
                      <div class="course_title">01 JavaScript简介</div>

                      <div class="course_data">
                        <svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-bofang"></use>
                        </svg>
                        【录播】使用javascript<span>(14分钟)</span>
                      </div>
                      <div class="course_data">
                        <svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-bofang"></use>
                        </svg>
                        【录播】录播javascript<span>(14分钟)</span>
                      </div>
                      <div class="course_data">
                        <svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-bofang"></use>
                        </svg>
                        【录播】认识javascript<span>(14分钟)</span>
                      </div>
                    </li>
                    <li>
                      <div class="course_title">01 JavaScript简介</div>

                      <div class="course_data">
                        <svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-bofang"></use>
                        </svg>
                        【录播】使用javascript<span>(14分钟)</span>
                      </div>
                      <div class="course_data">
                        <svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-bofang"></use>
                        </svg>
                        【录播】录播javascript<span>(14分钟)</span>
                      </div>
                      <div class="course_data">
                        <svg class="icon" aria-hidden="true">
                          <use xlink:href="#icon-bofang"></use>
                        </svg>
                        【录播】认识javascript<span>(14分钟)</span>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="item">
                <div>暂无评论</div>
              </div>
            </div>
          </div>
        </div>
        <div class="right">
          <!-- 头像 -->
          <div class="touz_box">
            <div class="right-titel">
              <div><img src="../images/freevideo/toux (1).png" /></div>
            </div>
            <div class="right_name">渡一教育</div>
          </div>
          <div class="right_comment">
            <div class="right_comment_text">
              <div>好评度</div>
              <div>98%</div>
            </div>
            <div class="right_comment_text">
              <div>课程数</div>
              <div>28</div>
            </div>
            <div class="right_comment_text">
              <div>学习人次</div>
              <div>16545</div>
            </div>
          </div>
          <div class="right_text">
            我公司成立于2009年，致力于 IT
            技术人才职业培养，经整合并购，于2016年正式创立“渡一教育”品牌，于2017年拓展在线教学市场，现已成为在线
            IT 职业教育领域领军品牌，覆盖用户超百万。
            公司位于上海、哈尔滨两地，坐落在上海御华山氪空间，与哈尔滨金爵万象大厦。
            企业创始人及骨干成员均来自知名一线互联网公司
          </div>
          <div class="right_contact">
            <div>联系方式</div>
            <div>
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-shouji "></use>
              </svg>
              19834410925
            </div>
          </div>
        </div>
      </div>
      <div class="bottom-tab container">
        <div class="tab1">
          <div class="tab_list1">
            <ul>
              <li class="current">相关知识</li>
              <li>热门知识</li>
            </ul>
          </div>
          <div class="tab_con1">
            <div class="item1" style="display: block">
              <div class="item1box">
                <div class="item1_title">javaui</div>
                <div class="item1_title">php培训</div>
                <div class="item1_title">python培训</div>
                <div class="item1_title">html5培训</div>
                <div class="item1_title">软件测试培训</div>
                <div class="item1_title">java杨辉三角</div>
                <div class="item1_title">物联网培训</div>
                <div class="item1_title">java的基本类型</div>
                <div class="item1_title">人工智能培训</div>
                <div class="item1_title">java基本类型</div>
                <div class="item1_title">java相对路径</div>
                <div class="item1_title">java分词</div>
                <div class="item1_title">java练习</div>
                <div class="item1_title">java强制转换</div>
                <div class="item1_title">java导入项目</div>
                <div class="item1_title">物联网</div>
              </div>
            </div>
            <div class="item1">
              <div class="item1box2">
                <div class="item1_title">php培训</div>
                <div class="item1_title">python培训</div>
                <div class="item1_title">html5培训</div>
                <div class="item1_title">软件测试培训</div>
                <div class="item1_title">物联网培训</div>
                <div class="item1_title">人工智能培训</div>
                <div class="item1_title">服装设计培训</div>
                <div class="item1_title">ui交互设计培训</div>
                <div class="item1_title">交互设计培训</div>
                <div class="item1_title">zbrush培训</div>
                <div class="item1_title">ps教程</div>
                <div class="item1_title">PS抠图教程</div>
                <div class="item1_title">ps抠图</div>
                <div class="item1_title">ps怎么抠图</div>
                <div class="item1_title">ps新手入门</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </nav>
    <!-- 底部 -->
    <footer class="tx_footer_area">
      <img src="../images/index/footer.png" alt="" />
      <p>Copyright © 2020 Tencent. All Rights Reserved.</p>
      <p>
        深圳市腾讯计算机系统有限公司 版权所有 |
        <a href="javascript:;">腾讯课堂服务协议</a>
        | <a href="javascript:;">隐私政策</a> |
        <a href="javascript:;">站点地图</a> |
        <a href="javascript:;">侵权投诉</a> |
        <a href="javascript:;" rel="nofollow">问题反馈</a>
        | <a href="javascript:;">帮助</a> |
        <a href="javascript:;">涨知识</a>
      </p>

      <p></p>
    </footer>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/base.js"></script>
    <script src="../js/Payvideo.js"></script>
  </body>
</html>
